<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>教师端 - 系统管理 - 电视猪在线答题系统 V1.0.0</title>
        <style>
            footer {
                /*border: 1px red solid;*/
                clear: both;
                display: block;
                text-align: center;
                width: 100%;
                height: 120px;
                min-width: 610px;
                /* 保证文字inline-block效果时不换行 */
            }

            button {
                /* 按钮美化 */
                width: 270px;
                /* 宽度 */
                height: 40px;
                /* 高度 */
                border-width: 0;
                /* 边框宽度 */
                border-radius: 3px;
                /* 边框半径 */
                background: #1E90FF;
                /* 背景颜色 */
                cursor: pointer;
                /* 鼠标移入按钮范围时出现手势 */
                outline: none;
                /* 不显示轮廓线 */
                font-family: Microsoft YaHei;
                /* 设置字体 */
                color: white;
                /* 字体颜色 */
                font-size: 17px;
                /* 字体大小 */
            }
            button:hover {
                /* 鼠标移入按钮范围时改变颜色 */
                background: #5599FF;
            }
            input[type = "text"] {
                outline-style: none;
                border: 1px solid #ccc;
                border-radius: 3px;
                padding: 14px;
                width: 620px;
                font-size: 16px;
            }
            body {
                background-image: url("https://static.runoob.com/images/mix/paper.gif");
                background-color: #cccccc;
            }

            * {
                margin: 0;
                padding: 0;
            }

            ul {
                list-style: none;
            }

            .main {
                width: 800px;
                margin: 0 auto;
                text-align: center;
                overflow: hidden;
            }

            .title {
                margin-top: 30px;
                font-size: 30px;
                font-weight: bold;
            }

            .info {
                margin-top: 30px;
            }

            .info li {
                margin-top: 10px;
            }

            .url {
                font-weight: bold;
                margin-top: 30px;
            }
        </style>
    </head>
    <body>
        <div class="main">
            <div class="title">电视猪在线答题系统 V1.0.0 教师端</div>
            <div class="url">学生登录地址：{{ url }}</div>
            <ul class="info">
                <li>
                    <a href="/config" target="_blank">
                        <button type="button">分值设置</button>
                    </a>
                </li>
                <li>
                    <a href="/results" target="_blank">
                        <button type="button">结果查询</button>
                    </a>
                </li>
            </ul>
        </div>
        <br/>
        <br/><br/><br/>
        <footer>
            <p>© Copyright 2021 Hello8693</p>
        </footer>
    </body>
</html>